﻿<!DOCTYPE html>
<html>
  <head>
    <title>Flow</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/flow/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/flow/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- bg (Rectangle) -->
      <div id="u1778" class="ax_default box_1" data-label="bg">
        <div id="u1778_div" class=""></div>
      </div>

      <!-- Unnamed (NavBar) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u1780" class="ax_default">
        <div id="u1780_state0" class="panel_state" data-label="State1" style="">
          <div id="u1780_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u1781" class="ax_default box_1">
              <div id="u1781_div" class=""></div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u1782" class="ax_default" data-left="4" data-top="12" data-width="48" data-height="21">

              <!-- Unnamed (Rectangle) -->
              <div id="u1783" class="ax_default label">
                <div id="u1783_div" class=""></div>
                <div id="u1783_text" class="text ">
                  <p><span>返回</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1784" class="ax_default label">
                <div id="u1784_div" class=""></div>
                <div id="u1784_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1785" class="ax_default label">
              <div id="u1785_div" class=""></div>
              <div id="u1785_text" class="text ">
                <p><span>Button-Tab</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1786" class="ax_default label">
              <div id="u1786_div" class=""></div>
              <div id="u1786_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1787" class="ax_default" data-left="36" data-top="79" data-width="101" data-height="57">

        <!-- Unnamed (Rectangle) -->
        <div id="u1788" class="ax_default box_1">
          <div id="u1788_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1789" class="ax_default" data-left="75" data-top="79" data-width="43" data-height="22">

          <!-- Unnamed (Triangle) -->
          <div id="u1790" class="ax_default box_1">
            <img id="u1790_img" class="img " src="images/flow/u1790.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u1791" class="ax_default box_1">
            <div id="u1791_div" class=""></div>
            <div id="u1791_text" class="text ">
              <p><span>进行中</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1792" class="ax_default box_1">
          <div id="u1792_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1793" class="ax_default ellipse">
          <img id="u1793_img" class="img " src="images/flow/u1793.png"/>
          <div id="u1793_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1794" class="ax_default label">
          <div id="u1794_div" class=""></div>
          <div id="u1794_text" class="text ">
            <p><span>已付款</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1795" class="ax_default" data-left="124" data-top="79" data-width="101" data-height="57">

        <!-- Unnamed (Rectangle) -->
        <div id="u1796" class="ax_default box_1 selected">
          <div id="u1796_div" class="selected"></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1797" class="ax_default" data-left="163" data-top="79" data-width="43" data-height="22">

          <!-- Unnamed (Triangle) -->
          <div id="u1798" class="ax_default box_1 selected">
            <img id="u1798_img" class="img " src="images/flow/u1790_selected.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u1799" class="ax_default box_1 selected">
            <div id="u1799_div" class="selected"></div>
            <div id="u1799_text" class="text ">
              <p><span>进行中</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1800" class="ax_default box_1 selected">
          <div id="u1800_div" class="selected"></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1801" class="ax_default ellipse selected">
          <img id="u1801_img" class="img " src="images/flow/u1793.png"/>
          <div id="u1801_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1802" class="ax_default label selected">
          <div id="u1802_div" class="selected"></div>
          <div id="u1802_text" class="text ">
            <p><span>已发货</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1803" class="ax_default" data-left="211" data-top="79" data-width="101" data-height="57">

        <!-- Unnamed (Rectangle) -->
        <div id="u1804" class="ax_default box_1 disabled">
          <div id="u1804_div" class="disabled"></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1805" class="ax_default" data-left="250" data-top="79" data-width="43" data-height="22">

          <!-- Unnamed (Triangle) -->
          <div id="u1806" class="ax_default box_1 disabled">
            <img id="u1806_img" class="img " src="images/flow/u1790.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u1807" class="ax_default box_1 disabled">
            <div id="u1807_div" class="disabled"></div>
            <div id="u1807_text" class="text ">
              <p><span>进行中</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1808" class="ax_default box_1 disabled">
          <div id="u1808_div" class="disabled"></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1809" class="ax_default ellipse disabled">
          <img id="u1809_img" class="img " src="images/flow/u1793_disabled.png"/>
          <div id="u1809_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1810" class="ax_default label disabled">
          <div id="u1810_div" class="disabled"></div>
          <div id="u1810_text" class="text ">
            <p><span>待收货</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1811" class="ax_default" data-left="306" data-top="99" data-width="27" data-height="37">

        <!-- Unnamed (Ellipse) -->
        <div id="u1812" class="ax_default ellipse disabled">
          <img id="u1812_img" class="img " src="images/flow/u1793_disabled.png"/>
          <div id="u1812_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1813" class="ax_default label disabled">
          <div id="u1813_div" class="disabled"></div>
          <div id="u1813_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1814" class="ax_default" data-left="30" data-top="201" data-width="62" data-height="37">

        <!-- Unnamed (Rectangle) -->
        <div id="u1815" class="ax_default box_1">
          <div id="u1815_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1816" class="ax_default ellipse">
          <img id="u1816_img" class="img " src="images/flow/u1793.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1817" class="ax_default label">
          <div id="u1817_div" class=""></div>
          <div id="u1817_text" class="text ">
            <p><span>已付款</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1818" class="ax_default" data-left="79" data-top="181" data-width="101" data-height="57">

        <!-- Unnamed (Rectangle) -->
        <div id="u1819" class="ax_default box_1">
          <div id="u1819_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1820" class="ax_default" data-left="118" data-top="181" data-width="43" data-height="22">

          <!-- Unnamed (Triangle) -->
          <div id="u1821" class="ax_default box_1">
            <img id="u1821_img" class="img " src="images/flow/u1790.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u1822" class="ax_default box_1">
            <div id="u1822_div" class=""></div>
            <div id="u1822_text" class="text ">
              <p><span>进行中</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1823" class="ax_default box_1">
          <div id="u1823_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1824" class="ax_default ellipse">
          <img id="u1824_img" class="img " src="images/flow/u1793.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1825" class="ax_default label">
          <div id="u1825_div" class=""></div>
          <div id="u1825_text" class="text ">
            <p><span>已发货</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1826" class="ax_default" data-left="166" data-top="201" data-width="154" data-height="37">

        <!-- Unnamed (Rectangle) -->
        <div id="u1827" class="ax_default box_1 selected">
          <div id="u1827_div" class="selected"></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1828" class="ax_default" data-left="232" data-top="213" data-width="43" data-height="22">

          <!-- Unnamed (Triangle) -->
          <div id="u1829" class="ax_default box_1 selected">
            <img id="u1829_img" class="img " src="images/flow/u1790_selected.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u1830" class="ax_default box_1 selected">
            <div id="u1830_div" class="selected"></div>
            <div id="u1830_text" class="text ">
              <p><span>进行中</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1831" class="ax_default box_1 selected">
          <div id="u1831_div" class="selected"></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1832" class="ax_default ellipse selected">
          <img id="u1832_img" class="img " src="images/flow/u1793.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1833" class="ax_default label selected">
          <div id="u1833_div" class="selected"></div>
          <div id="u1833_text" class="text ">
            <p><span>待收货</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1834" class="ax_default" data-left="313" data-top="201" data-width="27" data-height="37">

        <!-- Unnamed (Ellipse) -->
        <div id="u1835" class="ax_default ellipse disabled">
          <img id="u1835_img" class="img " src="images/flow/u1793_disabled.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1836" class="ax_default label disabled">
          <div id="u1836_div" class="disabled"></div>
          <div id="u1836_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1837" class="ax_default" data-left="132" data-top="280" data-width="110" data-height="92.5">

        <!-- Unnamed (Rectangle) -->
        <div id="u1838" class="ax_default box_1">
          <div id="u1838_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1839" class="ax_default" data-left="132" data-top="321" data-width="47.5" data-height="17">

          <!-- Unnamed (Triangle) -->
          <div id="u1840" class="ax_default box_1">
            <img id="u1840_img" class="img " src="images/flow/u1790.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u1841" class="ax_default box_1">
            <div id="u1841_div" class=""></div>
            <div id="u1841_text" class="text ">
              <p><span>进行中</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1842" class="ax_default box_1">
          <div id="u1842_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1843" class="ax_default ellipse">
          <img id="u1843_img" class="img " src="images/flow/u1793.png"/>
          <div id="u1843_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1844" class="ax_default label">
          <div id="u1844_div" class=""></div>
          <div id="u1844_text" class="text ">
            <p><span>已付款</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1845" class="ax_default" data-left="132" data-top="369" data-width="110" data-height="92.5">

        <!-- Unnamed (Rectangle) -->
        <div id="u1846" class="ax_default box_1 selected">
          <div id="u1846_div" class="selected"></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1847" class="ax_default" data-left="132" data-top="410" data-width="47.5" data-height="17">

          <!-- Unnamed (Triangle) -->
          <div id="u1848" class="ax_default box_1 selected">
            <img id="u1848_img" class="img " src="images/flow/u1790_selected.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u1849" class="ax_default box_1 selected">
            <div id="u1849_div" class="selected"></div>
            <div id="u1849_text" class="text ">
              <p><span>进行中</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1850" class="ax_default box_1 selected">
          <div id="u1850_div" class="selected"></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1851" class="ax_default ellipse selected">
          <img id="u1851_img" class="img " src="images/flow/u1793.png"/>
          <div id="u1851_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1852" class="ax_default label selected">
          <div id="u1852_div" class="selected"></div>
          <div id="u1852_text" class="text ">
            <p><span>已发货</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1853" class="ax_default" data-left="132" data-top="458" data-width="110" data-height="92.5">

        <!-- Unnamed (Rectangle) -->
        <div id="u1854" class="ax_default box_1 disabled">
          <div id="u1854_div" class="disabled"></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1855" class="ax_default" data-left="132" data-top="499" data-width="47.5" data-height="17">

          <!-- Unnamed (Triangle) -->
          <div id="u1856" class="ax_default box_1 disabled">
            <img id="u1856_img" class="img " src="images/flow/u1790.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u1857" class="ax_default box_1 disabled">
            <div id="u1857_div" class="disabled"></div>
            <div id="u1857_text" class="text ">
              <p><span>进行中</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1858" class="ax_default box_1 disabled">
          <div id="u1858_div" class="disabled"></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1859" class="ax_default ellipse disabled">
          <img id="u1859_img" class="img " src="images/flow/u1793_disabled.png"/>
          <div id="u1859_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1860" class="ax_default label disabled">
          <div id="u1860_div" class="disabled"></div>
          <div id="u1860_text" class="text ">
            <p><span>待收货</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1861" class="ax_default" data-left="178" data-top="547" data-width="51" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u1862" class="ax_default ellipse disabled">
          <img id="u1862_img" class="img " src="images/flow/u1793_disabled.png"/>
          <div id="u1862_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1863" class="ax_default label disabled">
          <div id="u1863_div" class="disabled"></div>
          <div id="u1863_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1864" class="ax_default label">
        <div id="u1864_div" class=""></div>
        <div id="u1864_text" class="text ">
          <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">未选中（</span><span style="font-family:'ArialMT', 'Arial';">Unselected</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">）</span><span style="font-family:'ArialMT', 'Arial';">=</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">已完成；</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">已选中（</span><span style="font-family:'ArialMT', 'Arial';">Selected</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">）</span><span style="font-family:'ArialMT', 'Arial';">=</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进行中；</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">已失效（</span><span style="font-family:'ArialMT', 'Arial';">Disabled</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">）</span><span style="font-family:'ArialMT', 'Arial';">=</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">待进行。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1865" class="ax_default" data-left="13" data-top="602" data-width="345" data-height="22">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u1866" class="ax_default line">
          <img id="u1866_img" class="img " src="images/button-tab/u268.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1867" class="ax_default label">
          <div id="u1867_div" class=""></div>
          <div id="u1867_text" class="text ">
            <p><span>交互状态说明</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
